<template>
  <div>
    <div class="header">
      <van-nav-bar
        title="健康评估"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      />
    </div>
    <div class="content">
      <van-cell title="身高" is-link value="请选择"> </van-cell>
      <van-cell title="体重" is-link value="请选择"> </van-cell>
      <van-cell title="血型" is-link value="请选择"> </van-cell>
      <van-cell title="既往病史" is-link value="请选择"> </van-cell>
      <van-cell title="家族病史" is-link value="请选择"> </van-cell>
      <van-cell title="药物过敏史" is-link value="请选择"> </van-cell>
      <van-cell title="糖尿病确诊年限" is-link value="请选择"> </van-cell>
    </div>
    <!-- 评估结果 -->
    <div class="status">您的健康状态为：</div>
    <div class="result">良好</div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="less" >
@font-face {
  font-family: "ZoomlaHaihunhou-A055"; /*逐浪海昏侯汉简隶书*/
  src: url("https://code.z01.com/font/ZoomlaHaihunhou-A055.eot?#iefix"); /* IE9 */
  src: url("https://code.z01.com/font/ZoomlaHaihunhou-A055.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("https://code.z01.com/font/ZoomlaHaihunhou-A055.woff")
      format("woff"),
    /* chrome、firefox */
      url("https://code.z01.com/font/ZoomlaHaihunhou-A055.ttf")
      format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
      url("https://code.z01.com/font/ZoomlaHaihunhou-A055.svg#ZoomlaHaihunhou-A055")
      format("svg"); /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}
.van-nav-bar__content {
  background-color: #53a8ef;
  .van-nav-bar__title,
  .van-icon-arrow-left,
  .van-nav-bar__text {
    color: white;
  }
}
.result {
  width: 200px;
  height: 200px;
  background-color: #53a8ef;
  margin: 0 auto;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 200px;
  font-size: 28px;
}
.status {
  width: 90%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  margin: 20px auto;
  box-shadow: 0 0 5px #ccc;
  font-family: "ZoomlaHaihunhou-A055";
	color: #666;
}
</style>